<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title><?php echo CHtml::encode($this->pageTitle); ?></title>
        <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
        <script type="text/javascript">
            
            
            var map;
            function initialize() {
                var mapOptions = {
                    zoom: 16,
                    center: new google.maps.LatLng(10.7714015, 106.70627820000004),
                    mapTypeId: google.maps.MapTypeId.ROADMAP
                };
                map = new google.maps.Map(document.getElementById('map-canvas'),
                mapOptions);
            }
            
            google.maps.event.addDomListener(window, 'load', initialize);

        </script>

        <style type="text/css">
            .bs-docs-nav {
                background-color: #3B5998;
                border-color: #463265;
                box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
                text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15);
            }
            .bs-docs-nav .navbar-collapse {
                border-color: #463265;
            }
            .bs-docs-nav .navbar-brand {
                color: #FFFFFF;
            }
            .bs-docs-nav .navbar-nav > li > a {
                color: #CDBFE3;
            }
            .bs-docs-nav .navbar-nav > li > a:hover {
                color: #FFFFFF;
            }
            .bs-docs-nav .navbar-nav > .active > a, .bs-docs-nav .navbar-nav > .active > a:hover {
                background-color: #627AAC;
                color: #FFFFFF;
            }
            .bs-docs-nav .navbar-toggle {
                border-color: #563D7C;
            }
            .bs-docs-nav .navbar-toggle:hover {
                background-color: #463265;
                border-color: #463265;
            }

            .bs-docs-container {
                padding-bottom: 140px;
                padding-top: 52px;
                text-align: left;
            }
            
            .main {
                height: 500px;
            }
            
            .left {
                height: 100%;
                padding-top: 20px;
                border-left: 1px solid #ddd;
            }
            
            #list-station {
                height: 350px;
                overflow: scroll;
            }
        </style>
    </head>

    <body>
        <header role="banner" class="navbar navbar-inverse navbar-fixed-top bs-docs-nav">
            <div class="container">
                <div class="navbar-header">
                    <button data-target=".bs-navbar-collapse" data-toggle="collapse" type="button" class="navbar-toggle">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="../">Bus</a>
                </div>
                <nav role="navigation" class="collapse navbar-collapse bs-navbar-collapse">
                    <ul class="nav navbar-nav">
                        <li class="active">
                            <a href="<?php echo url('site/index'); ?>">Tra cứu thông tin xe Bus</a>
                        </li>
                        <li>
                            <a href="<?php echo url('site/station'); ?>">Tìm Trạm xe Bus</a>
                        </li>
                        <li>
                            <a href="<?php echo url('site/index'); ?>"></a>
                        </li>
                        <li>
                            <a href="<?php echo url('site/index'); ?>">Tìm đường đi xe Bus</a>
                        </li>
                    </ul>
                    <ul class="nav navbar-nav navbar-right">
                        <li>
                            <a href="#"></a>
                        </li>
                    </ul>
                </nav>
            </div>
        </header>


        <?php echo $content; ?>


    </body>
</html>